﻿{extend name="layout/main-block" /}
{block name="sub-wrapper"}
        <!--内容容器-->
        <section id="sub-wrapper" class="full-screen page-deviceGroup">
            <!--数据展示容器-->
            <div id="sub-content">
                <div id="sub-header">
                    <div class="sub-title">
                        <h3><i class="fa fa-puzzle-piece"></i>设备组--设备组列表</h3>
                    </div>
                </div>

                <div class="table-responsive data-table">
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                        <tr>
                            <th class="text-center" width="34px">
                                <input type="checkbox" class="checkboxes" id="selectAll" />
                            </th>
                            <th>ID</th>
                            <th>组别名称</th>
                            <th>组别说明</th>
                            <th>组别权重</th>
                            <th>设备数量</th>
                            <th>创建人</th>
                            <th>创建时间</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        {volist name="dGroup" id="v" empty="$empty" }
                        <tr>
                            <td class="text-center">
                                <input type="checkbox" class="checkboxes" name="checkbox[]"/>
                            </td>
                            <td>{$v.id}</td>
                            <td>{$v.name}</td>
                            <td>{$v.illustration}</td>
                            <td>{$v.weight}</td>
                            <td>{$v.countid}</td>
                            <td>{$v.username}</td>
                            <td>{$v.created_at}</td>
                            <td>
                                <ul class="record-tool">
                                    <li><a class="btn btn-warning btn-sm editRecord" data-name="{$v.id}">修改</a></li>
                                    <li><a class="btn btn-danger btn-sm delRecord" data-name="{$v.id}">删除</a></li>
                                </ul>
                            </td>
                        </tr>
                        {/volist}

                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="3">
                                <ul class="record-tool">
                                    <li><a class="btn btn-success btn-sm" id="addRecord"><i class="fa fa-plus"></i>
                                        增加</a></li>
                                    <li><a class="btn btn-danger btn-sm" id="batchDel"><i class="fa fa-minus"></i>
                                        删除</a></li>
                                </ul>
                            </td>
                            <td colspan="3" class="">
                                {$page}
                                <!--<ul class="pagination">
                                    <li>
                                        <a href="#" aria-label="Previous">
                                            <span aria-hidden="true">&laquo;</span>
                                        </a>
                                    </li>
                                    <li class="active"><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li><a href="#">...</a></li>
                                    <li><a href="#">999</a></li>
                                    <li>
                                        <a href="#" aria-label="Next">
                                            <span aria-hidden="true">&raquo;</span>
                                        </a>
                                    </li>
                                </ul>-->
                            </td>
                            <td colspan="2" class="text-center">
                                <div class="table-summary">
                                    <div class="input-group">
                                        <div class="input-group-addon">到第</div>
                                        <input type="text" class="form-control" id="goto" placeholder="" style="width:40px;">
                                        <div class="input-group-addon">页</div>
                                        <span class="input-group-btn">
                                                    <a class="btn btn-primary" data-currentPage="{$currentPage}" data-lastPage="{$lastPage}" id="gotoPage"><i class="fa fa-arrow-right"></i>确定</a>
                                                </span>
                                    </div>
                                </div>
                            </td>
                            <td colspan="1" class="text-center">
                                共<span id="total-record" class="text-success fa-2x"> {$count} </span>条记录
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </section>

{/block}

{block name="viewRecord"}

<!--编辑工具-->
<div id="viewRecord" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">ID:<span id="recordId"></span></h4>
            </div>
            <div class="modal-body">
                <div class="col-xs-12">
                    <form class="form-horizontal" name="editForm">
                        <div class="form-group">
                            <label for="name">组别名称</label>
                            <input type="text" class="form-control" name="name" id="name" >
                        </div>
                        <div class="form-group">
                            <label for="illustration">组别说明</label>
                            <input type="text" class="form-control" name="illustration" id="illustration" >
                        </div>

                        <div class="form-group">
                            <label for="weight">组别权重</label>
                            <input type="text" class="form-control" name="weight" id="weight" >
                        </div>
                    </form>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="modal-footer">
                <a class="btn btn-warning" data-dismiss="modal"><i class="fa fa-times"></i>关闭</a>
            </div>
        </div>
    </div>
</div>
<!--编辑工具-->

{/block}
{/block}
